﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>蓉车宝</title>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/home.css"/>
    <link rel="stylesheet" type="text/css" href="city/city.css">
    <script type="text/javascript" src="script/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="script/home_ban.js"></script>
    <script type="text/javascript" src="script/eg_top_search.js"></script>
    <script type="text/javascript" src="script/city.js"></script>
    <script type="text/javascript" src="script/snncar.js"></script>
    <script type="text/javascript" src="script/jquery.SuperSlide.2.1.1.js"></script>
    <!--导航登陆网页版下拉-->
    <script type="text/javascript">
        $(function () {
            var setTime;
            $(".egc-top .nav-cent .operate").hover(function () {
                var _this = $(this);
                setTime = setTimeout(function () {
                    _this.find(".sec-version").slideDown(200);
                    _this.find("i").removeClass("icon-angle-down").addClass("icon-angle-up");
                }, 200);
            }, function () {
                if (setTime) {
                    clearTimeout(setTime);
                }
                $(".egc-top .nav-cent .sec-version").slideUp(200);
                $(".egc-top .nav-cent .operate i").removeClass("icon-angle-up").addClass("icon-angle-down");
            });
        });
    </script>

    <!--下拉导航关闭-->
    <script type="text/javascript">
        $(function () {
            $('.menu-mb i').click(function () {
                $(".navigation-mb-list").slideDown(300);
            });
            $('.navigation-mb-list .list-close-btn').click(function () {
                $(".navigation-mb-list").slideUp(300);
            });
        });
    </script>

    <script type="text/javascript">
        $(function () {
            var scroll_heitht = $('body').offset().top;
            var isShow = true;
            $(window).scroll(function () {
                if ($(window).scrollTop() > scroll_heitht && isShow) {
                    $('.stress-search-box').slideDown(200);
                } else {
                    $('.stress-search-box').slideUp(200);
                }
            });
            $('.stress-close a').click(function () {
                isShow = false;
                $('.stress-search-box').slideUp(200).unbind(window, aa);
            });
        });
    </script>
    <script src="script/vue.js"></script>
    <script src="script/axios.js"></script>
    <script src="comment/main.js"></script>
</head>
<body>
<div id="registerApp">
    <div class="egc-top">
        <div class="nav-cent">
            <div class="top-r">
                <span id="nav-start">
                    <a href="javascript:void(0)" @click="getImageCode" id="b-regist">注册</a>|
                    <a href="javascript:void(0)" id="b-login" class="b-login">账号登陆</a>
                    <a href="phoneLogin.html" id="p-login" class="b-login">手机号登录</a>
                    <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx03bd86056bd3fc0e&redirect_uri=http://wx.rongcarservice.com/rollback.html&response_type=code&scope=snsapi_login&state=STATE" class="b-login">微信登陆</a>
                </span>
                <span id="nav-load">
                    <a href="javascript:void(0)">欢迎您
                        <span style="color: red;">{{loginUser.username}}</span>
                    </a>
                    <a href="javascript:void(0)" class="b-login" @click="myShoppingCart">我的购物车</a>
                    <a href="javascript:void(0)" class="b-login" @click.stop="logout">退出登陆</a>
                </span>
            </div>
            <div class="top-l">全国统一客服热线：XXX</div>
            <div class="clear_fix"></div>
        </div>
    </div>
    <!--会员登录和注册弹出框开始-->
    <div id="popBox">
        <div class="popCont" style="height: 550px;"><a class="p_closed">关闭</a>
            <div class="p-tab"><a>会员登录<i></i></a><a>会员注册<i></i></a></div>
            <div class="p-detail">
                <div class="p-dl">
                    <form onsubmit="return check();" enctype="multipart/form-data" method="post" name="form" id="form">
                        <ul class="login-items">
                            <li>
                                <label>用户名(手机号)</label>
                                <input class="input" type="text" v-model="loginDTO.account" maxlength="32"
                                       name="username"
                                       placeholder="请输入账号/手机号/邮箱">
                            </li>
                            <li>
                                <label>密码</label>
                                <input class="input" type="password" v-model="loginDTO.password" maxlength="16"
                                       name="password">
                            </li>
                        </ul>
                        <div class="login-check">
                            <input type="checkbox" name="checkbox" style=" width:auto;"/>
                            <label>记住我</label>
                            <a href="Meet/editPass">忘记登录密码？</a>
                        </div>
                        <div class="login-button">
                            <input type="hidden" name="carid" class="ordercarid"/>
                            <input type="hidden" name="carstatus" class="orderstatus"/>
                            <input type="button" value="登    陆" class="fM" @click="login"/>
                        </div>
                        <!---校验-->
                        <p class="sell-phone-error" style="display:block;">请填写正确的手机号码</p>
                    </form>
                </div>
                <div class="p-dl">
                    <form class="registForm" enctype="multipart/form-data" method="post"
                          name="reg" id="reg">
                        <ul class="login-items">
                            <li class="clearfix">
                                <input class="input" name="mobile" id="mobile1" type="text" v-model="formParams.phone"
                                       placeholder="手机号码（登录帐号）">
                            </li>
                            <li class="clearfix">
                                <input class="input left" type="text" v-model="formParams.imageCode" name="verify"
                                       placeholder="输入验证码"
                                       style="width:100px;"/>
                                <img :src="imageCode" alt="" style="width: 114px;height: 42px;float: left;"
                                     @click="getImageCode"/>
                            </li>
                            <li class="clearfix">
                                <input class="input left" type="text" v-model="formParams.smsCode" name="verify"
                                       placeholder="输入验证码"
                                       style="width:100px;"/>
                                <div id="send"><a href="javascript:void(0)" class="send_code right"
                                                  @click="sendMsg($event)">获取验证码</a></div>
                            </li>
                            <li class="clearfix">
                                <input class="input" type="text" v-model="formParams.username" name="realname"
                                       placeholder="请输入用户名">
                            </li>
                            <li class="clearfix">
                                <input class="input" type="text" v-model="formParams.email" placeholder="请输入邮箱">
                            </li>
                            <li class="clearfix">
                                <input class="input" type="password" name="password" v-model="formParams.password"
                                       placeholder="输入密码（六位字符）">
                            </li>
                            <li class="clearfix">
                                <input class="input" type="password" name="password"
                                       v-model="formParams.confirmPassword"
                                       placeholder="请再次输入密码（六位字符）">
                            </li>
                        </ul>
                        <div class="login-button">
                            <input type="hidden" value="" name="carid" class="ordercarid"/>
                            <input type="hidden" value="" name="carstatus" class="orderstatus"/>
                            <input type="button" value="立即注册" class="fM" @click="registerUser"/>
                        </div>
                        <!---校验-->
                        <p class="sell-phone-error" style="display:block;">请填写正确的手机号码</p>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--会员登录和注册弹出框结束-->
</div>
<script type="text/javascript">
    new Vue({
        el: "#registerApp",
        data: {
            imageCodePrefix: "data:image/jpg;base64,",
            imageCode: "",
            formParams: {
                phone: null,
                imageCode: null,
                imageCodeKey: null,
                smsCode: "",
                username: "",
                email: "",
                password: "",
                confirmPassword: ""
            },
            loginDTO: {
                account: null,
                password: null,
                type: 1
            },
            loginUser: localStorage.getItem("loginUser") ? JSON.parse(localStorage.getItem("loginUser")) : {}
        },
        methods: {
            // 前往购物车页面
            myShoppingCart(){
                location.href = "/shoppingCar.html";
            },
            // 退出登录
            logout() {
                if (confirm("确定退出登录吗？")) {
                    let token = localStorage.getItem("token");
                    this.$http.put("/login/logout/" + token)
                        .then(res => {
                            res = res.data;
                            if (res.success) {
                                alert("您已退出登录！");
                                $("#nav-load").hide();
                                $("#nav-start").show();
                                $('#popBox').hide();// 隐藏弹出来的登录按钮
                                localStorage.removeItem("loginUser");
                                localStorage.removeItem("token");
                            } else {
                                alert(res.msg);
                            }
                        })
                        .catch(res => {
                            alert("网络异常")
                        })
                }
            },
            // 登录
            login() {
                this.$http.post("/login/account", this.loginDTO)
                    .then(res => {
                        res = res.data;
                        if (res.success) {
                            localStorage.setItem('token', res.data.token);
                            localStorage.setItem('loginUser', JSON.stringify(res.data.loginUser));
                            this.loginUser = res.data.loginUser;
                            $('#popBox').fadeOut();
                            $("#nav-load").show();
                            $("#nav-start").hide();
                        } else {
                            alert(res.msg);
                        }
                    })
                    .catch(err => {
                        alert("网络异常！");
                    })
            },
            // 注册
            registerUser() {
                this.$http.post("/user/register/phone", this.formParams)
                    .then(res => {
                        res = res.data;
                        if (res.success) {
                            alert("注册成功,请前往登录！");
                            $('#popBox').fadeOut();
                        } else {
                            alert(res.msg);
                        }
                    })
                    .catch(err => {
                        alert("网络异常！");
                    })
                console.log(this.formParams);
            },
            // 发送手机验证码
            sendMsg(event) {
                //1.判断手机号不为空
                if (!this.formParams.phone) {
                    alert("手机号不能为空");
                    return;
                }
                //2.判断图片验证码不为空
                if (!this.formParams.imageCode) {
                    alert("图片验证码不能为空");
                    return;
                }
                //3.获取按钮，禁用按钮
                var sendBtn = $(event.currentTarget);
                sendBtn.attr("disabled", true);

                var param = {
                    phone: this.formParams.phone,
                    imageCode: this.formParams.imageCode,
                    imageCodeKey: sessionStorage.getItem("registerImageCodeKey")  //"reg_xxxx"
                };
                //4.发送ajax请求
                this.$http.post("/verify/sms/register", param).then(res => {
                    var ajaxResult = res.data;
                    debugger
                    if (ajaxResult.success) {
                        alert("手机验证码已经发送到您的手机，请在5分钟内使用");
                        //4.1.发送成：倒计时
                        var time = 60;

                        var interval = window.setInterval(function () {
                            //每一条倒计时减一
                            time = time - 1;

                            //把倒计时时间搞到按钮上
                            sendBtn.text(time + "秒后重发");

                            //4.2.倒计时完成恢复按钮
                            if (time <= 0) {
                                sendBtn.text("重新发送");
                                sendBtn.attr("disabled", false);
                                //清除定时器
                                window.clearInterval(interval);
                            }
                        }, 1000);
                    } else {
                        //4.3.发送失败：提示，恢复按钮
                        sendBtn.attr("disabled", false);
                        alert("发送失败:" + ajaxResult.msg);
                    }
                })
            },
            createUuid() {
                var s = [];
                var hexDigits = "0123456789abcdefghi";
                for (var i = 0; i < 36; i++) {
                    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
                }
                s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
                s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
                s[8] = s[13] = s[18] = s[23] = "-";

                var uuid = s.join("");
                return uuid;
            },
            getImageCode() {
                //发送请求到后台获取数据  VerifycodeController
                let imageCodeKey = sessionStorage.getItem("registerImageCodeKey");
                if (!imageCodeKey || imageCodeKey === '') {
                    imageCodeKey = this.createUuid();
                    sessionStorage.setItem("registerImageCodeKey", imageCodeKey);
                }
                this.$http.get("/verify/image/" + imageCodeKey).then(res => {
                    this.imageCode = this.imageCodePrefix + res.data.data;
                })
            }
        },
        created() {
            $("#nav-load").hide();
            $("#nav-start").hide();
            if (localStorage.getItem("loginUser")) {
                $("#nav-load").show();
            } else {
                $("#nav-start").show();
            }
        }
    })
</script>
<div class="navigation">
    <div class="nav-cent">
        <div class="logo"><a href="index.html"><img src="images/logo.png" width="240"/></a></div>
        <div class="city"><span id="DY_site_name" class="red city-name Left">合肥</span>
            <div id="JS_hide_city_menu_11" class="city-select cut_handdler Left"><a href="javascript:void(0);"
                                                                                    class="common-bg selector">切换城市</a>
                <div id="JS_header_city_bar_box" class="hide_city_group">
                    <div class="hideMap">
                        <div class="showPanel clearfix">
                            <div class="Left mycity">
                                <div id="JS_current_city_box"> 当前城市：<strong id="JS_city_current_city">合肥</strong>
                                </div>
                                <div id="JS_default_city_delete" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="showPanel showPanel2 clearfix">
                            <div class="hot_city" id="JS_header_city_hot"></div>
                            <div class="city_words mt10" id="JS_header_city_char"></div>
                        </div>
                        <div class="scrollBody">
                            <div class="cityMap clearfix">
                                <table id="JS_header_city_list" class="city_list" style="margin-top: 0px;">
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                            <div class="scrollBar"><span id="JS_header_city_bar" style="margin-top: 0px;"></span></div>
                        </div>
                    </div>
                </div>
            </div>
            <span class="common-bg city-logo"></span></div>
        <div class="sea">
            <div class="egc-sea-box">
                <input type="text" class="sea-ipt-txt" placeholder="搜索您想要的车"/>
                <a href="javascript:void(0)" class="search-btn">搜索</a></div>
        </div>
        <!-- <div class="hot-phone"> <i></i> <span class="js-change-phone">免费发布信息</span> </div> -->
        <div class="hot-phone">  <span class="js-change-phone" style="background-color: #93939a;
      color: white;
      padding: 5px;">免费发布信息</span></div>
    </div>
</div>
<ul class="navmenu">
    <li class="active"><a href="index.html">首页</a><span></span></li>
    <li><a href="list.html">我要买车</a><span></span></li>
    <li><a href="wymc.html">汽车服务</a><span></span></li>
    <li><a href="javascript:void(0)">汽车保险</a><span></span></li>
    <li><a href="javascript:void(0)">汽车百科</a><span></span></li>
</ul>
<div class="clear_fix"></div>
<div class="stress-search-box row">
    <div class="stress-close"><a href="javascript:;"></a></div>
    <div class="nav-cents">
        <ul>
            <li class="logo"><a href="index.html"><img src="images/logo.png" width="180"/></a></li>
            <li><a href="index.html">首页</a></li>
            <li><a href="list.html">我要买车</a></li>
            <li><a href="wymc.html">我要卖车</a></li>
            <li><a href="javascript:void(0)">阳光联盟</a></li>
            <li><a href="javascript:void(0)">我要加盟</a></li>
        </ul>
        <div class="seas">
            <div class="egc-sea-box">
                <input type="text" class="sea-ipt-txt" placeholder="搜索您想要的车">
                <a href="javascript:void(0)" class="search-btn">搜索</a></div>
        </div>
    </div>
</div>
<!--banner广告-->
<div class="banner">
    <!--左侧买卖车-->
    <div class="mainmenu">
        <div class="sel-area">
            <div class="buy-tit">我要卖车</div>
            <div id="mainMenu" class="all-sort-list">
                <div class="item">
                    <h3>
                        <div class="border"><a href="">品牌</a></div>
                        <ul>
                            <li v-for="carType in carTypes"><a
                                    :href="'list.html?carType='+carType.id">{{carType.name}}</a></li>
                        </ul>
                    </h3>
                    <div class="item-list clearfix" style="top: 0px; display: none;">
                        <div class="close">x</div>
                        <div class="subitem">
                            <dl class="fore1">
                                <dt><a href="javascript:void(0)">A</a></dt>
                                <dd><em><a href="javascript:void(0)">Alpina</a></em><em><a href="javascript:void(0)">阿斯顿马丁</a></em><em><a
                                        href="javascript:void(0)">奥迪</a></em></dd>
                            </dl>
                            <dl class="fore2">
                                <dt><a href="javascript:void(0)">B</a></dt>
                                <dd><em><a href="javascript:void(0)">巴博斯</a></em><em><a
                                        href="javascript:void(0)">宝骏</a></em><em><a href="javascript:void(0)">宝马</a></em><em><a
                                        href="javascript:void(0)">保时捷</a></em><em><a
                                        href="javascript:void(0)">北京</a></em><em><a
                                        href="javascript:void(0)">北汽</a></em><em><a href="javascript:void(0)">奔驰</a></em><em><a
                                        href="javascript:void(0)">奔腾</a></em><em><a
                                        href="javascript:void(0)">本田</a></em><em><a
                                        href="javascript:void(0)">比亚迪</a></em><em><a
                                        href="javascript:void(0)">标致</a></em><em><a href="javascript:void(0)">别克</a></em><em><a
                                        href="javascript:void(0)">宾利</a></em><em><a
                                        href="javascript:void(0)">宝沃</a></em></dd>
                            </dl>
                            <dl class="fore3">
                                <dt><a href="javascript:void(0)">C</a></dt>
                                <dd><em><a href="javascript:void(0)">昌河</a></em><em><a
                                        href="javascript:void(0)">传祺</a></em><em><a
                                        href="javascript:void(0)">长安</a></em><em><a
                                        href="javascript:void(0)">长安商用</a></em><em><a
                                        href="javascript:void(0)">长城</a></em><em><a
                                        href="javascript:void(0)">长丰</a></em></dd>
                            </dl>
                            <dl class="fore4">
                                <dt><a href="javascript:void(0)">D</a></dt>
                                <dd><em><a href="javascript:void(0)">DS</a></em><em><a
                                        href="javascript:void(0)">大发</a></em><em><a
                                        href="javascript:void(0)">大通</a></em><em><a href="javascript:void(0)">大众</a></em><em><a
                                        href="javascript:void(0)">道奇</a></em><em><a
                                        href="javascript:void(0)">帝豪</a></em><em><a href="javascript:void(0)">东风</a></em><em><a
                                        href="javascript:void(0)">东风风度</a></em><em><a
                                        href="javascript:void(0)">东风小康</a></em><em><a
                                        href="javascript:void(0)">东南</a></em></dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <div class="items">
                    <h3>
                        <div class="border"><a href="">价格</a></div>
                        <ul>
                            <li><a href="list.html?minPrice=0&maxPrice=5">5万以下</a></li>
                            <li><a href="list.html?minPrice=5&maxPrice=10">5-10万</a></li>
                            <li><a href="list.html?minPrice=10&maxPrice=15">10-15万</a></li>
                            <li><a href="list.html?minPrice=15&maxPrice=20">15-20万</a></li>
                            <li><a href="list.html?minPrice=20&maxPrice=25">20-25万</a></li>
                            <li><a href="list.html?minPrice=25&maxPrice=40">25-40万</a></li>
                            <li><a href="list.html?minPrice=40">40万以上</a></li>
                        </ul>
                    </h3>
                </div>
                <div class="items">
                    <h3 style="border-bottom:0px;">
                        <div class="border"><a href="">车型</a></div>
                        <ul>
                            <li><a href="javascript:void(0)">SUV</a></li>
                            <li><a href="javascript:void(0)">商务车</a></li>
                            <li><a href="javascript:void(0)">跑车</a></li>
                            <li><a href="javascript:void(0)">急售</a></li>
                            <li><a href="javascript:void(0)">准新车</a></li>
                            <li><a href="javascript:void(0)">超值</a></li>
                            <li><a href="javascript:void(0)">直销车</a></li>
                        </ul>
                    </h3>
                </div>
            </div>
            <div class="clear_fix"></div>
            <script type="text/javascript">
                $('.all-sort-list > .item').hover(function () {
                    var eq = $('.all-sort-list >.item').index(this),				//获取当前滑过是第几个元素
                        h = $('.all-sort-list').offset().top,						//获取当前下拉菜单距离窗口多少像素
                        s = $(window).scrollTop(),									//获取游览器滚动了多少高度
                        i = $(this).offset().top,									//当前元素滑过距离窗口多少像素
                        item = $(this).children('.item-list').height(),				//下拉菜单子类内容容器的高度
                        sort = $('.all-sort-list').height();						//父类分类列表容器的高度

                    if (item < sort) {												//如果子类的高度小于父类的高度
                        if (eq == 0) {
                            $(this).children('.item-list').css('top', (i - h));
                        } else {
                            $(this).children('.item-list').css('top', (i - h));
                        }
                    } else {
                        if (s > h) {												//判断子类的显示位置，如果滚动的高度大于所有分类列表容器的高度
                            if (i - s > 0) {											//则 继续判断当前滑过容器的位置 是否有一半超出窗口一半在窗口内显示的Bug,
                                $(this).children('.item-list').css('top', (s - h) + 2);
                            } else {
                                $(this).children('.item-list').css('top', (s - h) - (-(i - s)) + 2);
                            }
                        } else {
                            $(this).children('.item-list').css('top', 0);
                        }
                    }

                    $(this).addClass('hover');
                    $(this).children('.item-list').css('display', 'block');
                }, function () {
                    $(this).removeClass('hover');
                    $(this).children('.item-list').css('display', 'none');
                });

                $('.item > .item-list > .close').click(function () {
                    $(this).parent().parent().removeClass('hover');
                    $(this).parent().hide();
                });
            </script>
            <!--我要买车-->
            <div class="buy-tit">我要买车</div>
            <div class="sell-car-box">
                <form action="" class="clearfix">
                    <input type="text" class="sell-phone-input" data-role="sellPhone" placeholder="请输入手机号码">
                    <button class="sell-phone-submit">我要卖车</button>
                </form>
                <!--提交失败-->
                <p class="sell-phone-error" style="display:block;">请填写正确的手机号码</p>
                <!--提交成功-->
                <div class="submit-suc" style="display:none"><i></i>提交成功！ <a href="javascript:void(0)"
                                                                                 data-role="go_back">返回</a></div>
            </div>
        </div>
    </div>
    <div class="menu_r">
        <div class="flexslider">
            <ul class="slides">
                <li style="background-image:url(images/1.jpg);"></li>
                <li style="background-image:url(images/2.jpg);"></li>
                <li style="background-image:url(images/3.jpg);"></li>
                <li style="background-image:url(images/4.jpg);"></li>
            </ul>
        </div>
        <div class="clear_fix"></div>
        <div class="purpose">
            <div class="ind-dz-lc">
                <ul>
                    <li>
                        <div class="circle radius"><i class="lc-01"></i></div>
                        <div class="txt">
                            <h4>一年/两万公里质保</h4>
                        </div>
                    </li>
                    <li>
                        <div class="circle radius"><i class="lc-02"></i></div>
                        <div class="txt">
                            <h4>全面检测</h4>
                        </div>
                    </li>
                    <li>
                        <div class="circle radius"><i class="lc-03"></i></div>
                        <div class="txt">
                            <h4>14天可退</h4>
                        </div>
                    </li>
                    <li>
                        <div class="circle radius"><i class="lc-04"></i></div>
                        <div class="txt">
                            <h4>100%个人车源</h4>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    new Vue({
        el: "#mainMenu",
        data: {
            carTypes: [
                {id: 24, name: '宝马'},
                {id: 25, name: 'x1'},
                {id: 26, name: 'x2'},
                {id: 27, name: 'x3'},
                {id: 28, name: 'x320'},
                {id: 29, name: 'x325'},

            ]
        },
        methods: {
            // 查询所有分类
            getCarTypes() {
                this.$http.get("/carType")
                    .then(res => {
                        res = res.data;
                        if (res.success) {
                            this.carTypes = res.data;
                        }
                    })
                    .catch(err => {
                        err = err.data;
                        console.log(err.msg);
                    })
            }
        },
        mounted() {
            // this.getCarTypes();
        }
    })
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.flexslider').flexslider({
            directionNav: true,
            pauseOnAction: false
        });
        $('.flexslider').hover(function () {
            $('.flex-direction-nav').fadeIn();
        }, function () {
            $('.flex-direction-nav').fadeOut();
        })
    });
</script>
<!--特色频道-->
<div class="clear_fix"></div>
<div class="special_sun">
    <div class="block-description"><span class="title">阳光特色</span></div>
    <div class="active-banner fl"><a href="javascript:void(0)">
        <h2><font color="#f79630">259项</font>全面检测</h2>
        <p>严苛检测标准，无事故</p>
        <img src="images/sun_banner.jpg"> </a></div>
    <div class="active-blocks fr">
        <ul>
            <li class="li_01"><a href="list.html" title="实用代步车" target="_blank">
                <p class="title">实用代步车</p>
                <p class="content">驾驭想象 聆听声音</p>
                <div class="pic"><img src="images/car1.jpg" alt="保值车型"></div>
            </a></li>
            <li class="li_02"><a href="list.html" title="5-8万能买啥" target="_blank">
                <p class="title">5-8万能买啥</p>
                <p class="content">驾有所值，动气强劲</p>
                <div class="pic"><img src="images/201601221218531455.jpg" alt="5-8万能买啥"></div>
            </a></li>
            <li class="li_03"><a href="list.html" title="12-16万能买啥" target="_blank">
                <p class="title">12-16万能买啥</p>
                <p class="content">风范，与自由同行</p>
                <div class="pic"><img src="images/201601221218599350.jpg" alt="12-16万能买啥"></div>
            </a></li>
            <li class="li_04"><a href="list.html" title="奥迪车库" target="_blank">
                <p class="title">奥迪车库</p>
                <p class="content">奥迪—— Audi</p>
                <div class="pic"><img src="images/201601221432247622.jpg" alt="奥迪车库"></div>
            </a></li>
            <li class="li_05"><a href="list.html" title="大众车库" target="_blank">
                <p class="title">大众车库</p>
                <p class="content">大众 — Volkswagen</p>
                <div class="pic"><img src="images/201601221219156607.jpg" alt="大众车库"></div>
            </a></li>
            <li class="li_06"><a href="list.html" title="岂止于大" target="_blank">
                <p class="title">岂止于大</p>
                <p class="content">我所钟爱的7座SUV</p>
                <div class="pic"><img src="images/201601221219239104.jpg" alt="岂止于大"></div>
            </a></li>
        </ul>
    </div>
</div>
<!--车类列表-->
<div class="car_feature">
    <div class="menucar">
        <div class="more" id="11"><a href="list.html">查看全部>></a></div>
        <ul>
            <li class="hover" id="tabs2_0"
                onmousemove="isShow4('tabs2_0','divs2_0','block','<a href=list.html>查看全部>></a>');">热卖好车
            </li>
            <li id="tabs2_1" onmousemove="isShow4('tabs2_1','divs2_1','block','<a href=list.html>查看全部>></a>');">
                最新上架
            </li>
            <li id="tabs2_2" onmousemove="isShow4('tabs2_2','divs2_2','block','<a href=list.html>查看全部>></a>');">
                降价急售
            </li>
            <li id="tabs2_3" onmousemove="isShow4('tabs2_3','divs2_3','block','<a href=list.html>查看全部>></a>');">
                准新车
            </li>
            <li id="tabs2_4" onmousemove="isShow4('tabs2_4','divs2_4','block','<a href=list.html>查看全部>></a>');">
                SUV
            </li>
        </ul>
    </div>
    <div class="clear_fix"></div>
    <div class="joinsnncar fl">
        <form class="dForm" method="post">
            <h2>我要加盟</h2>
            <div class="mod-form">
                <div class="mod-form-item">
                    <input class="input1" placeholder="请填写您的姓名" value="">
                </div>
                <div class="mod-form-item ">
                    <input class="input1 tipinput" name="mobile" id="mobile" placeholder="请填写您的手机号码">
                    <i class="i-must"></i></div>
                <div class="mod-form-item mod-form-item-ex">
                    <input class="input1 input-short tipinput" name="msg_code" id="msg_code"
                           placeholder="请输入短信验证码">
                    <i class="i-must"></i><a id="countdown" href="javascript:;" class="get-code2">发送短信</a></div>
                <div class="mod-form-item mod-form-item-choose clearfix dropdown-group"
                     style="position: relative; z-index: 1">
                    <div class="m_zlxg" id="shenfen">
                        <p title="">选择省份</p>
                        <div class="m_zlxg2">
                            <ul>
                            </ul>
                        </div>
                    </div>
                    <div class="m_zlxg" id="chengshi">
                        <p title="">选择城市</p>
                        <div class="m_zlxg2">
                            <ul>
                            </ul>
                        </div>
                    </div>
                    <input id="sfdq_num" type="hidden" value=""/>
                    <input id="csdq_num" type="hidden" value=""/>
                    <input id="sfdq_tj" type="hidden" value=""/>
                    <input id="csdq_tj" type="hidden" value=""/>
                    <input id="qydq_tj" type="hidden" value=""/>
                </div>
                <div class="mod-form-item">
                    <input class="input1 tipinput" name="email" id="email" placeholder="电子邮箱">
                </div>
                <div class="mod-form-item">
                    <textarea id="suggest" name="suggest" placeholder="留言" class="textarea1"></textarea>
                </div>
                <div class="mod-form-item">
                    <div class="btn-box">
                        <button type="submit" value="submit" class="b-r orange">提交</button>
                    </div>
                </div>
                <!---校验-->
                <p class="sell-phone-error" style="display:block;">请填写正确的手机号码</p>
            </div>
        </form>
    </div>
    <div class="menucarlist fr">
        <div id="divs2_0">
            <ul class="carList">
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
            </ul>
        </div>
        <div id="divs2_1" style="display: none;">
            <ul class="carList">
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="javascript:void(0)"
                                              target="_blank"
                                              class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a></p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
            </ul>
        </div>
        <div id="divs2_2" style="display: none;">
            <ul class="carList">
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="javascript:void(0)"
                                              target="_blank"
                                              class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a></p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
            </ul>
        </div>
        <div id="divs2_3" style="display: none;">
            <ul class="carList">
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="javascript:void(0)"
                                              target="_blank"
                                              class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a></p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
            </ul>
        </div>
        <div id="divs2_4" style="display: none;">
            <ul class="carList">
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
                <li>
                    <div class="list-infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" target="_blank"
                                                 class="imgtype" href="infor.html"> <img width="290" height="194"
                                                                                         src="images/carimg.jpg"
                                                                                         alt="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版">
                    </a>
                        <p class="infoBox"><a title="奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版" href="infor.html"
                                              target="_blank" class="info-title">奇瑞QQ3 2012款 QQ3 0.8 手动 梦想版</a>
                        </p>
                        <p class="fc-gray"><span class="tag-gray">石家庄</span> <span class="">2014年11月上牌</span> <em
                                class="shuxian">|</em> 行驶2.4万公里 </p>
                        <p class="priType-s"><span> <i class="fc-org priType"> 2.10万 </i> </span> <s>3.40万</s></p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--新闻资讯-->
<div class="newscon">
    <div class="block-description"><span class="title">阳光新闻</span></div>
    <div class="newslist">
        <div class="nKe">
            <div class="kTit">
                <h2>加盟故事</h2>
            </div>
            <div class="slide">
                <div class="hd"><a class="prev"><img src="images/in_l.png"/></a>
                    <ul>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                    <a class="next"><img src="images/in_r.png"/></a></div>
                <div class="bd">
                    <ul>
                        <li>
                            <div class="bd-dl"><a href="newsinfor.html" class="aImg"> <img src="images/car2.jpg"/> </a>
                                <div class="joininfor">
                                    <h4>当漂移车手 遇见限量A8</h4>
                                    <p>
                                        今年的明星车辆、全省唯一一辆橙色奥迪A8L，他的买家是一位身份特殊的勇士，一位知名的...</p>
                                    <div align="right"><a href="javascript:void(0)" class="cMore">查看详情</a></div>
                                </div>
                            </div>
                            <div class="bd-dl"><a href="newsinfor.html" class="aImg"> <img src="images/car2.jpg"/> </a>
                                <div class="joininfor">
                                    <h4>青藏川藏 曲水流觞</h4>
                                    <p>
                                        在2年的发展历程中，与很多朋友结下了缘分，这些朋友大多成为了我们的车主和会员，他们有着不...</p>
                                    <div align="right"><a href="newsinfor.html" class="cMore">查看详情</a></div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="bd-dl"><a href="newsinfor.html" class="aImg"> <img src="images/car2.jpg"/> </a>
                                <div class="joininfor">
                                    <h4>当漂移车手 遇见限量A8</h4>
                                    <p>
                                        今年的明星车辆、全省唯一一辆橙色奥迪A8L，他的买家是一位身份特殊的勇士，一位知名的...</p>
                                    <div align="right"><a href="newsinfor.html" class="cMore">查看详情</a></div>
                                </div>
                            </div>
                            <div class="bd-dl"><a href="newsinfor.html" class="aImg"> <img src="images/car2.jpg"/> </a>
                                <div class="joininfor">
                                    <h4>青藏川藏 曲水流觞</h4>
                                    <p>
                                        在2年的发展历程中，与很多朋友结下了缘分，这些朋友大多成为了我们的车主和会员，他们有...</p>
                                    <div align="right"><a href="newsinfor.html" class="cMore">查看详情</a></div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="bd-dl"><a href="newsinfor.html" class="aImg"> <img src="images/car2.jpg"/> </a>
                                <div class="joininfor">
                                    <h4>当漂移车手 遇见限量A8</h4>
                                    <p>
                                        今年的明星车辆、全省唯一一辆橙色奥迪A8L，他的买家是一位身份特殊的勇士，一位知名的专业...</p>
                                    <div align="right"><a href="newsinfor.html" class="cMore">查看详情</a></div>
                                </div>
                            </div>
                            <div class="bd-dl"><a href="newsinfor.html" class="aImg"> <img src="images/car2.jpg"/> </a>
                                <div class="joininfor">
                                    <h4>青藏川藏 曲水流觞</h4>
                                    <p>
                                        在2年的发展历程中，与很多朋友结下了缘分，这些朋友大多成为了我们的车主和会员，他们...</p>
                                    <div align="right"><a href="newsinfor.html" class="cMore">查看详情</a></div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!--媒体报道-->
        <div class="r-news">
            <div class="kTit">
                <h2>加盟故事</h2>
                <a href="medialist.html" class="newsmore">更多</a></div>
            <div class="r-news-list">
                <ul>
                    <li><span class="date">11月02日</span><i class="icon "></i><a href="newsinfor.html"
                                                                                  title="阳光易贷网贷10月份月报">
                        阳光易贷网贷10月份月报 </a></li>
                    <li><span class="date">10月10日</span><i class="icon "></i><a href="newsinfor.html"
                                                                                  title="阳光易贷网贷9月份月报">
                        阳光易贷网贷9月份月报 </a></li>
                    <li><span class="date">09月28日</span><i class="icon "></i><a href="newsinfor.html"
                                                                                  title="关于2016年国庆节放假工作安排的通知">
                        关于2016年国庆节放假工作安... </a></li>
                    <li><span class="date">09月13日</span><i class="icon "></i><a href="newsinfor.html"
                                                                                  title="关于2016年中秋节放假工作安排的通知">
                        关于2016年中秋节放假工作安... </a></li>
                    <li><span class="date">09月13日</span><i class="icon "></i><a href="newsinfor.html"
                                                                                  title="关于2016年中秋节放假工作安排的通知">
                        关于2016年中秋节放假工作安... </a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="clear_fix"></div>
<!--底部-->
<div class="ftWrap">
    <div class="foot">
        <div class="cent">
            <div class="relate">
                <div class="items">
                    <div class="tit"><i class="icon-angle-right"></i>交易帮助</div>
                    <div class="con"><a href="javascript:void(0)">买车帮助</a> <a href="javascript:void(0)">卖车帮助</a>
                        <a href="javascript:void(0)">过户帮助</a></div>
                </div>
                <div class="items">
                    <div class="tit"><i class="icon-angle-right"></i>客服中心</div>
                    <div class="con"><a href="abut.html">网站合作</a> <a href="about.html">关于我们</a> <a
                            href="contact.html">联系我们</a></div>
                </div>
                <div class="items">
                    <div class="tit"><i class="icon-angle-right"></i>购车指南</div>
                    <div class="con"><a href="javascript:void(0)">购车帮助</a></div>
                </div>
                <div class="app-section"><img class="js-delayed-img" src="images/f_wx.jpg">
                    <div class="title">扫码关注微信</div>
                    <p> 随时随地，秒杀好车<br/>
                        优质个人二手车 </p>
                </div>
                <div class="items last">
                    <div class="tel">
                        <h1>XXX</h1>
                        <p>周一至周日 8:00-18:00</p>
                        <p>免费咨询(咨询、建议、投诉)</p>
                        <a href="javascript:void(0)" class="kf"><i class="kf-icon"></i>在线客服</a></div>
                    <div class="tel-mb">
                        <p><span>XXX</span>周一至周日 8:00-18:00(仅收市话费)</p>
                        <a href="javascript:void(0)" class="kf"><i class="kf-icon"></i>在线客服</a></div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="cent"> Copyright © 2020,All Rights Reserved 皖ICP备XXX号-1</div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $('.navmenu li').hover(function () {
            $('span', this).stop().css('height', '2px');
            $('span', this).animate({
                left: '0',
                width: '100%',
                right: '0'
            }, 200);
        }, function () {
            $('span', this).stop().animate({
                left: '50%',
                width: '0'
            }, 200);
        });
    });
</script>
<script type="text/javascript" src="script/3c-menu.js"></script>

<script type="text/javascript" src="script/index.js"></script>
<script type="text/javascript" src="script/address.js"></script>
<script type="text/javascript" src="script/lg_reg.js"></script>
<script type="text/javascript">
    $(function () {

        $("#sjld").sjld("#shenfen", "#chengshi");

    });
</script>
<div id="leftsead">
    <ul>
        <li>
            <a id="top_btn">
                <img src="images/foot03/ll06.png" width="47" height="49" class="hides"/>
                <img src="images/foot03/l06.png" width="47" height="49" class="shows"/>
            </a>
        </li>

        <li>
            <a href="">
                <img src="images/foot03/ll03.png" width="47" height="49" class="hides"/>
                <img src="images/foot03/l03.png" width="47" height="49" class="shows"/>
            </a>
        </li>

        <li>
            <a href="">
                <img src="images/foot03/ll02.png" width="166" height="49" class="hides"/>
                <img src="images/foot03/l04.png" width="47" height="49" class="shows"/>
            </a>
        </li>

        <li>
            <a class="youhui">
                <img src="images/foot03/l02.png" width="47" height="49" class="shows"/>
                <img src="images/foot03/zfew.jpg" width="196" height="205" class="hides" usemap="#taklhtml"/>
            </a>
        </li>


    </ul>
</div>
<!--leftsead end-->

<script type="text/javascript">
    $(document).ready(function () {

        $("#leftsead a").hover(function () {
            if ($(this).prop("className") == "youhui") {
                $(this).children("img.hides").show();
            } else {
                $(this).children("img.hides").show();
                $(this).children("img.shows").hide();
                $(this).children("img.hides").animate({marginRight: '0px'}, 'slow');
            }
        }, function () {
            if ($(this).prop("className") == "youhui") {
                $(this).children("img.hides").hide('slow');
            } else {
                $(this).children("img.hides").animate({marginRight: '-143px'}, 'slow', function () {
                    $(this).hide();
                    $(this).next("img.shows").show();
                });
            }
        });

        $("#top_btn").click(function () {
            if (scroll == "off") return;
            $("html,body").animate({scrollTop: 0}, 600);
        });

    });
</script>
<style>
    .copyrights {
        text-indent: -9999px;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }
</style>
<div class="copyrights" id="links20210126">
    Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
    <a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
</div>
</body>
</html>